<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>WEB VAGONS</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link href="bootstrap/css/main.css" rel="stylesheet">

<script src="bootstrap/js/jquery-1.7.2.min.js"></script> 
<script src="bootstrap/js/bootstrap.js"></script>
<script src="bootstrap/js/main.js"></script>

<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="bootstrap/js/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="bootstrap/js/jqplot.pieRenderer.min.js"></script>
<script type="text/javascript" src="bootstrap/js/jqplot.donutRenderer.min.js"></script>
<link rel="stylesheet" type="text/css" href="bootstrap/css/jquery.jqplot.css" />


</head>
<body>
	<div class="alert alert-info" id='alert-info-id'>
	  <a class="close" data-dismiss="alert">×</a>
	  <span id='alert-text'><strong>Внимание!</strong> Для работы в системе необходимо совершить вход.</span>
	</div>
	
	<form class="well form-inline" id='main_panel2'>
	  <input type="text" class="input-small" placeholder="Login" id='login'>
	  <input type="password" class="input-small" placeholder="Password" id='pass'>
	  <a type="submit"  class="btn btn-primary" id='enter-btn'>Вход в систему</a>
	</form>

	

	<div class="tabbable" style="margin-bottom: 9px;" id='main_panel'>
        <ul class="nav nav-tabs">
          <li class="active">	<a href="#1" data-toggle="tab">О системе</a></li>
          <li class="">			<a href="#2" data-toggle="tab">Ввод данных</a></li>
          <li class="">			<a href="#3" data-toggle="tab">Статистика</a></li>
          <li class="">			<a href="#4" data-toggle="tab">Контрольный знак</a></li>
        </ul>
        <div class="tab-content">
          <div class="tab-pane active" id="1">
				<div class="hero-unit">
				  <h1>WEB VAGONS</h1>
				  <p>информационная аналитическая система</p>
				  <p><img src='img/vagon.png'/></p>
				</div>
          </div>
          <div class="tab-pane " id="2">
			<!-- <p><input type="text" data-provide="typeahead" id='nv' class='span2' placeholder="№ Вагона"></p> -->
			<table class="table table-condensed table-bordered">
				<thead>
					<tr>
					  <th>D</th>
					  <th>E</th>
					  <th>Номер вагона</th>
					  <th>Код администрации</th>
					  <th>Вес груза</th>
					  <th>Код груза</th>
					  <th>Код грузополучателя</th>
					  <th>Код станции назначения</th>
					  <th>Примечание</th>
					 </tr>
				  </thead>
				  <tbody>
					<tr>
					  <td>&nbsp;</td>
					  <td>&nbsp;</td>
					  <td><input type="text" id='nv'	 class='span1' ><span id=kz></span></td>
					  <td><input type="text" id='ks'	 class='span1'></td>
					  <td><input type="text" id='mgr'	 class='span1'></td>
					  <td><input type="text" id='kgr'	 class='span1'></td>
					  <td><input type="text" id='kgrp'	 class='span1'></td>
					  <td><input type="text" id='esr'	 class='span2'></td>
					  <td><input type="text" id='prim'	 class='span2'></td>
					</tr>
					<span id='new_row'>
					</span>
				</tbody>
			</table>
          </div>
          <div class="tab-pane" id="3">
            <p>Статистика по <b>роду</b> вагона</p>
			<div id='chart_div' style="height: 500px; width: 700px; position: relative; "></div>
          </div>
		  
		  <div class="tab-pane" id="4">
				<div class="hero-unit">
				  <h2>Проверка контрольного знака</h2>
				  <input type="text" id='nv_gof'	 class='span2' ><span id=kz_gof></span>
				  <h2>Локальная история запросов:</h2>
				  <ul id='localhistory'>
				  </ul>
				</div>
          </div>
        </div>
    </div>



</body>
</html>

